header{
    height: 48px;
    background-color: #f1f1f1;
    .headNei{
        width: 960px;
        margin: auto;
        height: 100%;
       line-height: 48px;
      
        .headlogo{
           
            width: 106px;
            margin-right: 10px;
            display: inline-block;
           
            height: 14px;
           
            img{
                width: 106px;
  
            }
        } 
        span{
            font-weight: 700;
            font-size: 16px;
            color: black;
        }
        .ge{
            color: gray;
            height: 12px;
            font-weight: normal;
            font-size: 12px;
            margin: 0 10px;
            display: inline-block;
        }
    }
}
.main{
    margin-top: 40px;
    .maincenter{
        width: 992px;
        height: 668px;
        margin: auto;
        padding: 48px 276px 65px 0px;
       


        .mainLeft{
            width: 240px;
            height: 106px;
            float: left;
          
            ul{

                li{
                    height: 53px;
                    padding: 16px;
                    color: black;
                    vertical-align: middle;
                    border-radius: 10px;
                    img{
                        vertical-align:middle;
                        margin-left: 16px;
                        margin-right: 10px;
                        width: 16px;
                    }
                 &:hover{
                     background-color: #e5f2ff;
                 }
                }
                .check{
                    background-color: #f2f2f2;
                   
                }
            }
        }

        .mainRight{
            width: 440px;
            float: right;
            .rightTop{
                width: 440px;
                height: 74px;
                margin-bottom: 20px;
                text-align: center;
                color: black;
                h4{
                    margin: auto;
                    font-size: 32px;
                    color: black;
                    font-weight: normal;
                    margin-bottom: 10px;
                }
                a{
                    color: #007dff;
                    margin-left: 8px;
                    &:hover{
                        color: #0064cc;
                    }
                }
            }

            .rightinput{
               

                input{
                    width: 438px;
                    height: 48px;
                    padding:0 16px;
                    margin-bottom: 30px;
                    outline: none;
                    border: none;
                    border-radius: 10px;
                    background-color: #f2f2f2;
                    &:focus{
                        border: 1px solid blue;
                    }
                }
                input[name='btn']{
                    width: 276px;
                    height: 48px;
                    background-color: #ca141d;
                    opacity: .6;
                    margin:0 auto;
                    color: white;
                    font-size: 16px;
                    margin-left: 78px;
                    &:focus{
                        border: none;
                    }
                }
            }
        }
    }
}

footer{
    height: 100px;width: 100%;
    padding: 24px 0;
    text-align: center;
    background-color: #f1f1f1;
    p{
        margin: auto;
        a{
            padding: 0 10px;
        }
        margin-bottom: 10px;
    }
}